 <template>
 	<div class="demo2">
 	<ynet-steps :steps="steps" :current="1">
 		<template slot="icon" slot-scope="{index}">
 			<span>{{ index }}</span>
 		</template>
 		<template slot="content" slot-scope="{index, step, currentIndex}">
 			<div class="custom">
 				<p>{{step.name}}</p>
 				<p>说明文本</p>
 			</div>
 		</template>
 	</ynet-steps>
 	</div>
 </template>
 <script>
 	import { Steps } from 'ynet-mobile'
 	export default {
 		title: '自定义内容',
 		name: 'steps-demo',
 		components: {
 			[Steps.name]: Steps
 		},

 		data(){
 			return {
 				steps: [
 					{name: '开通'},
 					{name: '验证'},
 					{name: '成功'}
 				]
 			}
 		}
 	}
 </script>
 <style lang="scss">
 .demo2{
 	.custom{
	white-space: nowrap;
	word-break: keep-all;
	p:last-child{
		color: #999;
	}
}
.current{
	.custom{
		p:first-child{
			color: red
		}
	}
}
 }

</style>
